    /* ==================== 整体布局 ==================== */
    
    .center {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
    }
    
    .center img {
        display: block;
    }
    /* ==================== 左侧栏 ==================== */
    
    .center_1 {
        width: 186px;
        height: 300px;
        background-color: #343434;
    }
    
    .center_1 ul {
        display: flex;
        flex-wrap: wrap;
    }
    
    .center_1 ul>li {
        position: relative;
        width: 50%;
        height: 100px;
        overflow: hidden;
    }
    
    .li_t {
        position: relative;
        height: 63px;
        font-size: 40px;
    }
    
    .li_t .xzl_dh {
        position: absolute;
        top: 18%;
        left: 28%;
        display: block;
        width: 60px;
        height: 60px;
        font-size: 42px;
        line-height: 60px;
    }
    
    .center_1 .li_t span {
        position: absolute;
        color: #cfae69;
        transform: rotate(-45deg) translate(10%, -50%);
        z-index: 3;
    }
    
    .center_1 .li_t span::before {
        content: "";
    }
    
    .li_t .after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 29px;
        height: 29px;
        border: 1px solid #cfae69;
        transform: translate(-50%, -30%) rotate(45deg);
        z-index: 3;
    }
    
    .center_1 li .li_b {
        position: absolute;
        bottom: 0;
        display: flex;
        width: 100%;
        height: 37px;
        font-size: 14px;
        flex-direction: column;
        justify-content: center;
        background-color: transparent;
    }
    
    .center_1 ul li .li_b p {
        color: #fff;
        text-align: center;
    }
    /* li悬停效果  转换成JS */
    /* .center_1 ul li:hover {
        background-color: #cfae69;
        transition: all 1s;
    }
    
    .center_1 ul li:hover .li_t {
        transition: all .8s;
        transform: translateY(-50%)
    }
    
    .center_1 ul li:hover .li_b {
        height: 100px;
        transition: all .8s;
    } */
    /* ==================== 中间信息区 ====================  */
    /* ++++++++ 布局 ++++++++ */
    
    .center_2 {
        display: flex;
        justify-content: space-between;
        width: 799px;
        height: 300px;
    }
    /* ++++++++ 详细 ++++++++ */
    
    .c2_1 {
        /* tab栏 */
        width: 393px;
        height: 100%;
        padding: 0 auto;
        background-color: #fff;
        box-sizing: border-box;
    }
    
    .c2_1_new {
        position: relative;
        display: block;
        width: 353px;
        height: 43px;
        margin-bottom: 15px;
        margin: 0 auto;
    }
    
    .c2_1_ul {
        height: 43px;
        border-bottom: 1px solid #999;
        cursor: pointer;
    }
    
    .c2_1_new li {
        float: left;
        width: 50px;
        height: 42px;
        color: #343434;
        font-size: 16px;
        line-height: 42px;
        text-align: center;
    }
    
    .c2_1_new li:hover {
        color: #2fc3a2;
    }
    
    .c2_1_new_current {
        color: #2fc3a2!important;
        border-bottom: #2fc3a2 2px solid;
    }
    
    .c2_1_down {
        position: relative;
        display: block;
        width: 353px;
        height: 223px;
        margin: 5px auto 0;
        overflow: hidden;
    }
    
    .c2_1_news {
        position: absolute;
        display: block;
        width: 1765px;
        height: 223px;
    }
    
    .c2_1_news li {
        float: left;
    }
    
    .c2_1_more {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 43px;
        color: #999;
        line-height: 43px;
        text-align: center;
    }
    
    .c2_1_div_news {
        display: flex;
        flex-direction: column;
        width: 353px;
        height: 100%;
    }
    
    .c2_1_div_news li {
        height: 25px;
        margin-top: 3px;
    }
    
    .c2_1_div_news li p {
        display: block;
        height: 25px;
        font-size: 14px;
        line-height: 25px;
    }
    
    .c2_1_div_news li em {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        height: 25px;
        font-size: 14px;
        line-height: 25px;
        color: #999;
        font-style: normal;
    }
    
    .c2_1_div_news li a {
        float: left;
        padding-right: 10px;
        width: 265px;
        height: 25px;
        line-height: 25px;
        color: #666;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .c2_1_div_news li span {
        float: right;
        color: #888;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }
    
    .c2_1_div_news li a:hover {
        color: #2fc3a2;
    }
    
    .c2_2 {
        /* 侧链接 */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 391px;
        height: 100%;
    }
    /* ----- c2区详情 ----- */
    
    .c2_2_1 {
        width: 100%;
        height: 142px;
    }
    
    .c2_2_2 {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 142px;
    }
    /* c2_2_2内容 */
    
    .c2_2_2_1 {
        width: 189px;
        height: 100%;
    }
    
    .c2_2_2_2 {
        width: 189px;
        height: 100%;
    }
    /* ==================== 右侧栏 ==================== */
    
    .center_3 {
        position: relative;
        padding-top: 15px;
        width: 265px;
        height: 300px;
        box-sizing: border-box;
        overflow: hidden;
        background: url(../img/c3-bgi.png) no-repeat;
        background-size: contain;
        background-position: 0 160px;
        background-color: #fff;
    }
    /* ---------- 门派 ---------- */
    
    .center_3>ul {
        display: flex;
        justify-content: space-between;
        width: 235px;
        height: 23px;
        margin: 0 auto;
    }
    
    .center_3>ul>li {
        cursor: pointer;
    }
    
    .menpai {
        position: relative;
        width: 18px;
        height: 18px;
        border: 1px solid #999;
        transform: rotate(45deg);
        overflow: hidden;
    }
    
    .menpai:hover .xzl_mp {
        color: #2fc3a2;
    }
    
    .xzl_mp_current {
        border-color: #2fc3a2;
        color: #2fc3a2!important;
    }
    
    .xzl_mp_current .menpai,
    .xzl_mp_current .xzl_mp {
        border-color: #2fc3a2;
        color: #2fc3a2!important;
    }
    
    .menpai .xzl_mp {
        position: absolute;
        left: -4px;
        width: 18px;
        height: 18px;
        color: #999;
        font-size: 24px;
        transform: rotate(-45deg);
    }
    
    .menpai .xzl_mp::before {
        content: "";
        width: 20px;
        height: 20px;
    }
    /* neirong */
    
    .c3_tab {
        position: absolute;
        right: 0;
        bottom: 0;
        /* overflow: hidden; */
    }
    
    .c3_tab .intru {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 265px;
        height: 266px;
    }
    
    .c3_tab_current .intru_l {
        left: 0;
        opacity: 1;
    }
    
    .c3_tab_current .intru_r {
        right: 0;
        opacity: 1;
    }
    
    .c3_tab_current {
        display: block;
    }
    
    .intru_l {
        display: block;
        position: absolute;
        left: -170px;
        width: 170px;
        padding-top: 20px;
        padding-left: 20px;
        height: 266px;
        z-index: 2;
        box-sizing: border-box;
        opacity: 0;
    }
    
    .intru_l h3 {
        font-size: 40px;
        line-height: 40px;
        color: #2fc3a2;
    }
    
    .intru_l p {
        padding-top: 5px;
        font-size: 12px;
        line-height: 18px;
        color: #999;
    }
    
    .intru_l h4 {
        margin: 7px 0;
        font-size: 12px;
        color: #666;
        line-height: 20px;
    }
    /* 数值块 */
    
    .hard {
        margin-top: 7px;
        font-size: 14px;
        color: #999;
    }
    
    .hard ol {
        display: flex;
        justify-content: space-around;
        width: 85px;
        height: 12px;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    
    .hard ol li {
        display: flex;
        width: 12px;
        height: 12px;
        border: 1px solid #999;
        transform: rotate(45deg);
        box-sizing: border-box;
    }
    
    .yihua1 .hard ol li:nth-child(-n+3) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    
    .shendao2 .hard ol li:nth-child(-n+4) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    
    .taibai3 .hard ol li:nth-child(-n+4) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    
    .shenwei4 .hard ol li:nth-child(-n+3) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    
    .tangmen5 .hard ol li:nth-child(-n+5) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    
    .gaibang6 .hard ol li:nth-child(-n+4) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    
    .tianxiang7 .hard ol li:nth-child(-n+4) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    
    .zhenwu8 .hard ol li:nth-child(-n+4) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    
    .wudu9 .hard ol li:nth-child(-n+5) {
        border: 1px solid #cfae69;
        background-color: #cfae69;
    }
    /* 两个链接 */
    
    .more {
        display: flex;
        justify-content: space-around;
        width: 100%;
        margin-top: 10px;
    }
    
    .more a {
        display: block;
        padding: 0 10px;
        border-radius: 14px;
        color: #fff;
        font-size: 12px;
        line-height: 28px;
        background-color: #242f2f;
        opacity: .8;
    }
    
    .more a:nth-child(1) {
        background-color: #2fc3a2;
    }
    
    .more a:hover {
        opacity: 1;
    }
    
    .intru_r {
        display: block;
        position: absolute;
        right: -165px;
        width: 165px;
        height: 266px;
        z-index: 1;
        opacity: 0;
    }
    
    .intru_r img {
        display: block;
        width: 100%;
    }